@layout("/common/_container.html"){
<div class="row">
    <div class="col-sm-12">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>管理</h5>
            </div>
            <div class="ibox-content">
                <div class="row row-lg">
                    <div class="col-sm-12">
                        <!--<div class="row">-->
                            <!--<div class="col-sm-3">-->
                                <!--<#NameCon id="condition" name="名称" />-->
                            <!--</div>-->
                            <!--<div class="col-sm-3">-->
                                <!--<#button name="搜索" icon="fa-search" clickFun="RoomProperty.search()"/>-->
                            <!--</div>-->
                        <!--</div>-->
                        <div class="hidden-xs" id="RoomPropertyTableToolbar" role="group">
                            @if(shiro.hasPermission("/roomProperty/add11")){
                            <#button name="添加" icon="fa-plus" clickFun="RoomProperty.openAddRoomProperty()"/>
                            @}
                            @if(shiro.hasPermission("/roomProperty/update")){
                            <#button name="修改" icon="fa-edit" clickFun="RoomProperty.openRoomPropertyDetail()" space="true"/>
                            @}
                            @if(shiro.hasPermission("/roomProperty/delete")){
                            <#button name="删除" icon="fa-remove" clickFun="RoomProperty.delete()" space="true"/>
                            @}
                        </div>
                        <div style="display: flex;">
                            <div class="dateBox"
                                 style="border: 1px solid #EAE7EC; padding: 1px; display: inline-block;margin-top: 20px;">
                                @for(items in item){
                                <div id="${items.id}" class="list-group"
                                     style="float: left; width: 260px; margin: 5px 2px;height: 150px;">
                                    <a href="#" class="list-group-item active"
                                       style="display: flex; justify-content: space-between; align-content: center; background: #F3F3F4; border: 0; border-bottom: 2px solid #182242">
                                        <h4 class="list-group-item-heading"
                                            style="color: #1D3173; padding-top: 5px;height: 20px;">
                                            <i class="fa fa-home"></i>
                                            ${items.buildCode}
                                        </h4>
                                        <h4 id = 'rent' class="list-group-item-heading contrast" style=" font-size: 12px; background: gray; padding: 5px; border-radius: 5px; height: 20px;">
                                            ${items.is_rent}
                                        </h4>
                                    </a>

                                    <a href="#" class="list-group-item addTime">
                                        <h4 class="list-group-item-heading"
                                            style="margin-bottom: 20px; margin-top: 10px; height: 20px;">
                                            ${items.name}
                                        </h4>
                                        <p class="list-group-item-text startDate" name="${items.startDate}"
                                           style="height: 20px;">

                                        </p>
                                        <p class="endDate" name="${items.endDate}" style="display: none;"></p>
                                    </a>


                                </div>
                                @}
                            </div>
                            <div class="detail" style="display:inline-block;">
                                <div id="${item[0].id}" class="list-group"
                                     style="display: inline-block; width: 260px; margin: 5px 2px;">
                                    <a href="#" class="list-group-item active"
                                       style="display: flex; justify-content: space-between; align-content: center;border-bottom: 2px solid #182242">
                                        <h4 class="list-group-item-heading" style="color: #fff; padding-top: 12px;">
                                            ${item[0].name}
                                        </h4>
                                        <p class="list-group-item-heading detailContrast"
                                           style=" font-size: 12px; background: gray; padding: 5px; border-radius: 5px;">
                                            ${item[0].is_rent}
                                        </p>
                                    </a>
                                    <a href="#" class="list-group-item" style=" background: #F3F3F4">
                                        <h4 class="list-group-item-heading"
                                            style="margin-bottom: 20px; margin-top: 10px;">
                                            房屋经纪人：${item[0].broker}
                                        </h4>
                                        <p class="list-group-item-text">
                                            ${item[0].expenseStr}：${item[0].monthRent}
                                        </p>
                                    </a>
                                    <a href="#" class="list-group-item">
                                        <p class="list-group-item-text startDate" name="${item[0].startDate}">
                                        </p>
                                        <div class = "payMent">

                                        </div>
                                        <h4 class="list-group-item-heading endDate" name="${item[0].endDate}"
                                            style="margin-bottom: 20px; margin-top: 10px;">
                                        </h4>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="myModalLabel">添加缴费时间</h4>
            </div>
            <div class="modal-body">
                <div>
                    <b style="margin-right: 10px;">缴费时间: </b>
                    <input type="date" class='modal-content payCost'/>
                </div>
            </div>
            <div class="modal-body">
                <div>
                    <b style="margin-right: 10px;">缴费名称: </b>
                    <input type="text" class='modal-content payText' value="月租"/>
                </div>
            </div>
            <div class="modal-body">
                <span>缴费月数</span>
                <input type="text" style="margin-left: 15px;" class="month"/>
            </div>
            <div class="modal-body">
                <span>缴费金额</span>
                <input type="text" style="margin-left: 15px;" class="price"/>
            </div>
            <div class="modal-footer">
                <button class="btn btn-default payBtn" data-dismiss="modal" onclick="RoomPropertyInfoDlg.addSubmit()">
                    添加
                </button>
            </div>
        </div>

    </div>
</div>

<script src="${ctxPath}/static/modular/system/roomProperty/roomProperty.js"></script>
<script src="${ctxPath}/static/modular/system/roomProperty/roomProperty_info.js"></script>

@}
